<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="./jquery.min.js"></script>
</head>
<body>

<!--
页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例：
在元素上移动鼠标。
选取单选按钮
点击元素

$("p").click(function(){
    // 动作触发后执行的代码!!
});
-->
<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>

<script>
  
  // window.onload = function () {
  //   let btns = document.getElementsByTagName('button');
  //   for (let i = 0; i < btns.length; i++) {
  //     btns[i].onclick = function (){
  //       console.log("hello")
  //     }
  //   }
  // }

  $(function () {

    let $button = $('button');
    // 默认遍历   会将选择的节点全部绑定单击事件
    $button.click(function (){
      console.log("hello")
    })

  })
</script>
</body>
</html>